import React, { Component } from 'react';
import styles from './index.less';

export default class extends Component {
  render() {
    var getUmiUrl = path => `/project/umi/dist/index.html#${path}`;
    var getVueUrl = path => `/project/vue/dist/index.html#${path}`;
    return (
      <div>
        <div className={styles.row}>
          <iframe src={getUmiUrl('/home')} className={styles.iframe}></iframe>
          <iframe src={getUmiUrl('/aaa')} className={styles.iframe}></iframe>
        </div>

        <div className={styles.row}>
          <iframe src={getVueUrl('/home')} className={styles.iframe}></iframe>
          <iframe src={getVueUrl('/aaa')} className={styles.iframe}></iframe>
        </div>
      </div>
    );
  }
}
